Codigos
"Codigo Para PopUp Modificado"<!--codigo por http://adan-2994.es.tl/Efecto-Pop_up.htm --> <style type="text/css">div#pop-up{padding:12px;width:400px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
position:absolute;
top:10%;
left:-50%;
z-index:2;
display:none;
opacity:0;
background-color:#FFFFFF;color:COLORLETRA;border:1px solid black;
}</style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script>$(document).ready(function(){
pop=$("div#pop-up");
if($('[abrirPopup]').length==0)abrir();
//funciones abrir cerrar adan-2994.es.tl
function abrir(){ pop.stop().css( 'display','block' ).animate({'left':'33%','opacity':1} ,900); }
function cerrar(){ pop.stop().animate({'left':'-50%','opacity':0},900,function(){pop.css('display','none');}); }
$("div#cerrar").click(function(){cerrar();});
$('[abrirPopup]').click(function(e){e.preventDefault();abrir();
});
});/*codigo por adan-2994.es.tl*/</script>
<div id="pop-up">
<div style="cursor:pointer;width:28px;height:28px;background-size:28px;background-image:url(https://img.webme.com/pic/-/-esclan/cerrar.png);background-repeat:no-repeat;" id="cerrar"> </div>
<center><img width="400" height="300" alt="" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " src="https://img.webme.com/pic/-/-esclan/popupes.png" /></center>
</div>
<!--codigo por http://adan-2994.es.tl/Efecto-Pop_up.htm -->
_________________________________________________
"Codigo Para Emoticones Cambiarlos Por Gatitos
<link rel="stylesheet" type="text/css" href="http://gen.dedydamy.com/EPWG/emoticones.css" />
_____________________________
"Codigo Para Tener El Cursor Azul De StarCraft"
<div style="text-align: left"><style type="text/css"> body { cursor:url(http://www.creatupropiaweb.com/mouse2.cur); } </style></div>
__________________________________
"Codigo Para Miembros"
<div style="text-align: left"><style type="text/css"> body { cursor:url(http://www.creatupropiaweb.com/mouse2.cur); } </style></div>
<img alt="" style="width: 125px; height: 125px" src="https://img.webme.com/pic/-/-esclan/banner.es1.png" /> <br /><p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: justify"><span style="color: #ff0000"><strong>LIDER OFICIAL:</strong></span> -]eS[</p>
<p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: justify"><span style="color: #ff0000"><strong>FRACE:</strong></span> ...</p>
<p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: justify"><span style="color: #ff0000"><strong>NOMBRE:</strong></span> ...<br />
<span style="color: #ff0000"><strong>LOCALIZACION:</strong></span> ...<br />
<span style="color: #ff0000"><strong>CUMPLEAÑOS:</strong></span> ...<br />
<span style="color: #ff0000"><strong>NICKS:</strong></span> ...<br />
<span style="color: #ff0000"><strong>CUENTAS:</strong></span> ...<br />
<span style="color: #ff0000"><strong>MEJOR RAZA:</strong></span> ...<br />
<span style="color: #ff0000"><strong>PEOR RAZA:</strong></span> ...<br />
<span style="color: #ff0000"><strong>EN EL CLAN DESDE:</strong></span> ...<br />
<span style="color: #ff0000"><strong>HOBBIES:</strong></span> ....<br />
<span style="color: #ff0000"><strong>E-MAIL:</strong></span> ...<br />
<span style="color: #ff0000"><strong>FACEBOOK:</strong></span> ...</p>
<p> <br />
<br />
</p>
<div style="text-align: center"><a class="wpn_continue" href="http://www.-eSClaN.es.tl/Noticias.htm"><img alt="" src="https://img.webme.com/pic/-/-esclan/web.flechaizquierda.gif" /> Volver a Noticias</a><br />
</div>
___________________________________________
"Codigo HTML para Post De Utilidades"
<p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: center"><span style="color: #ff0000"><strong>Topaz Chat v.8.20</strong></span></p>
<div style="text-align: center"><br />
<br />
<a target="_self" href="http://downloads.e4zone.com/topazchat.rar"><img alt="" src="https://img.webme.com/pic/-/-esclan/descargar.png" /></a><br />
</div>
<p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: justify"><strong><span style="color: #ff0000"><span>Descripcion:</span></span></strong><span style="color: #000000"> Este Es Un Programa Usado Para Ingresar Los Siguientes Juegos Online: StarCraft, WarCraft y Diablo Con Una Cuenta y Su Respectiva Contraseña En Como Ventana, Con Este Programa No Puedes Jugar Partidas Solo Chatear, Es Tambien LLamado Bot Por Que Es Como Un Robot El Que Se Puede Programar Para Susurrar Mensajes y Decir Mensajes Especificados En Un Respectivo Canal Usando Comandos Aprovados Por El Servidor Donde Se Encuentra</span><span style="color: #000000">.</span></p>
<div style="text-align: center"><img alt="" src="https://img.webme.com/pic/-/-esclan/separador.png" /></div>
_________________________________________________
"Codigo Para Cambiar Smileys De Comentarios"
<style type="text/css"> img[src="http://theme.webme.com/smiles/wink.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/1uno.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/smiley.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/2dos.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/cheesy.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/3tres.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/angry.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/4cuatro.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/sad.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/5cinco.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/shocked.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/6seis.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px;; } img[src="http://theme.webme.com/smiles/cool.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/7siete.png );background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/huh.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/8ocho.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/rolleyes.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/9nueve.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/tongue.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/10diez.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/undecided.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/11once.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } img[src="http://theme.webme.com/smiles/cry.gif"] { background-image:url(https://img.webme.com/pic/-/-esclan/12doce.png);background-repeat:no-repeat;height:0px;width:0px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; padding-top: 16px; } </style>
________________________________________________________________
"Pagina En construccion"
<div style="text-align: left"><style type="text/css"> body { cursor:url(http://www.creatupropiaweb.com/mouse2.cur); } </style></div>
<table style="width: 100%">
<tbody>
<tr>
<td>
<div style="text-align: justify"><span style="color: rgb(255,0,0)"><span style="font-weight: bold">Error<font color="#000000"> Esta Seccion Esta En construccion.</font></span></span>
<div style="text-align: justify; font-size: 10px">Mil Disculpas Este Espacio No Esta Listo</div>
</div>
</td>
</tr>
<tr>
<td>
<table>
<tbody>
<tr>
<td width="10" style="text-align: justify"> </td>
<td width="100%" style="text-align: justify"><img alt="" align="left" style="margin-right: 10px" src="https://img.webme.com/pic/-/-esclan/acs.enconstrccion.png" />Lo Sentimos Usuario Visitante Pero Esta Seccion De La Web Esta Incompleta o en construccion y No Se Puede Mostrar Aun Hasta Su Termino, Esperamos No Sea Una Molestia Para Ud. Pronto Estara Disponible, Pero Mientras Le Recomendamos Visitar Otra Seccion De La Web, La Fecha De Terminacion De Esta Seccion Aun No Esta Fijada, Pero Cuando Lo Este Se Avisara Con Un Post En Las Noticias De La Seccion Principal De La Web. Espero Su Comprencion Att. TheOneFeNix™.</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div style="text-align: center"> </div>
________________________________________________________________
Codigo Enlace Roto Amarillo
<style type="text/css"> .cuadroamarillo { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroamarillo { background-color: #F9D937; background-image: url(http://i54.tinypic.com/wu12lj.png); color: #000000; border:2px solid #DF7401; border-radius: 2px 2px 2px 2px; } </style>
<div class="cuadroamarillo">El Link, Url De Algun Programa No Funciona o Esta Roto El Enlace ? Entonces Haznos Saber De Ese Problema Para Solucionarlo, Arreglarlo De Inmediato ! Dejando Un Comentario Con El Nombre Del Programa Que Tiene Algun Error En El Enlace De Descarga.</div>
________________________________________________________________
Codigo Comenta Verde
<style type="text/css"> .cuadroverde { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroverde { background-color: #72FF79; background-image: url(https://img.webme.com/pic/-/-esclan/comenta.es.png); color: #000000; border:2px solid #0E8C15; border-radius: 2px 2px 2px 2px; } </style>
<div class="cuadroverde" style="text-align: left">ClaN -eS™ Te Ha Entregado Sus Servicios Gratis a Cambio Solo Te Pedimos Dejes Un Comentario Sobre Nuestro Sitio y Sus Secciones En: <a href="http://-esclan.es.tl/Comentarios.htm">http://-esclan.es.tl/Comentarios.htm</a> Comenta Gracias !.</div>
________________________________________________________________________
Pop Up ventana emergente
<!--codigo por http://adan-2994.es.tl/Efecto-Pop_up.htm --><style>div#pop-up{padding:12px;width:400px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;top:10%;left:-50%;z-index:2;display:none;opacity:0;background-color:COLORFONDO;color:COLORLETRA;border:1px solid black;}</style><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><script>$(document).ready(function(){pop=$("div#pop-up");if($('[abrirPopup]').length==0)abrir();//funciones abrir cerrar adan-2994.es.tlfunction abrir(){ pop.stop().css( 'display','block' ).animate({'left':'33%','opacity':1} ,900); }function cerrar(){ pop.stop().animate({'left':'-50%','opacity':0},900,function(){pop.css('display','none');}); }$("div#cerrar").click(function(){cerrar();});$('[abrirPopup]').click(function(e){e.preventDefault();abrir();});});/*codigo por adan-2994.es.tl*/</script><div id="pop-up" ><div style="cursor:pointer;width:28px;height:28px;background-size:28px;background-image:url(https://img.webme.com/pic/a/adan-2994/cerrar2.png);background-repeat:no-repeat;" id="cerrar"></div> Aqui escribes tu anuncio o colocas tus imagenes</div><!--codigo por http://adan-2994.es.tl/Efecto-Pop_up.htm -->
Emoticones grandes
<!-- codigo por http://adan-2994.es.tl/Tutorial_cambiar_emoticonos_de_PWG.htm --><style type="text/css">img[src="http://theme.webme.com/smiles/wink.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:19px;background-size:250px;background-position: 93% 100%;}img[src="http://theme.webme.com/smiles/smiley.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 92% 3%;}img[src="http://theme.webme.com/smiles/cheesy.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 28% 99%;}img[src="http://theme.webme.com/smiles/angry.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:235px;background-position: 93% 50%;}img[src="http://theme.webme.com/smiles/sad.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 8% 3%;}/*codigo por http://adan-2994.es.tl/Tutorial_cambiar_emoticonos_de_PWG.htm */img[src="http://theme.webme.com/smiles/shocked.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 48% 99%;}img[src="http://theme.webme.com/smiles/cool.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:21px;background-size:250px;background-position: 47% 27%;}img[src="http://theme.webme.com/smiles/huh.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 47% 3%;}img[src="http://theme.webme.com/smiles/rolleyes.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 29% 27%;}img[src="http://theme.webme.com/smiles/tongue.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 8% 75%;}img[src="http://theme.webme.com/smiles/undecided.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:18px;background-size:250px;background-position: 8% 50%;}img[src="http://theme.webme.com/smiles/cry.gif"]{width:0;height:0;background:url(https://img.webme.com/pic/a/adan-2994/yolks.png) no-repeat;padding:20px;background-size:250px;background-position: 70% 75%;}</style>
_____________________________________________________________________________________
Codigo Para "Mejorar La Calidad De Imagenes Posando El Maus Sobre Esta"
<head>
<link rel="stylesheet" type="text/css" href="estilo.css"/>
</head>
<body>
<img src="imagen.png"/>
</body>
</html>
Ahora vamos a agregar al archivo css "estilo" la siguiente regla al pasar el mouse por la imagen:
Si quieres darle el efecto a la imagen normal y no cuando pasemos el mouse por ella solo quitas en el css el ":hover".
______________________________________________________________
"Codigo Para Poner Cajita y Colocar Un Codigo"
<textarea id="code1" rows="3" cols="16" onclick_fckprotectedatt="%20onclick%3D%22copyCaja1(document.getElementById('code1'))%3Breturn%20false%3B%22"><span style="font-weight: bold;">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</span> </body></html></textarea><textarea id="code1" rows="3" cols="16" onclick_fckprotectedatt="%20onclick%3D%22copyCaja1(document.getElementById('code1'))%3Breturn%20false%3B%22"><span style="font-weight: bold;">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</span> </body></html></textarea>
____________________________________________________________________________________
"Codigo Para Banners De Afiliacion"
<p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: center"><font color="#33cccc">Banner ClaN -eS™ #1</font></p>
<div style="text-align: center"><br />
<br />
<img alt="" src="https://img.webme.com/pic/-/-esclan/banner.es8.png" /> <br />
<div style="text-align: center">
<div style="text-align: right"><center>
<form name="select_all">
<div style="text-align: center"><textarea rows="3" cols="40" name="text_area"><img src="https://img.webme.com/pic/-/-esclan/banner.es1.png" _fcksavedurl="https://img.webme.com/pic/-/-esclan/banner.es1.png" border="0" width="125" height="125"/></textarea></div>
<div style="text-align: center"><input type="button" onclick="javascript:this.form.text_area.focus();this.form.text_area.select();" value="Seleccionar texto" /></div>
</form>
</center>
<p class="post-114 post type-post hentry category-sci-fi tag-fringe" style="text-align: justify"><strong><span style="color: #ff0000"><span>Atencion:</span></span></strong><span style="color: #000000"> Para Copiar El Codigo Usar "Ctrl + C" y Para Pegar "Ctrl + V", El Link De La Web Es El Siguiente: "http://-eSClaN.es.tl" Pedimos Respeten Las Letras Mayusculas Dejandolas Tal y Como Se Encuentran Gracias, Este Banner Fue Creado y Diseñado Por: TheOneFeNix™ (Rafael Castillo) WebMaster</span><span style="color: #000000">.</span></p>
<div style="text-align: center"><img alt="" src="https://img.webme.com/pic/-/-esclan/separador.png" /></div>
</div>
____________________________________________________
Codigo Para Pasar Una Imagen a Otra Como Flash:
<script language="JavaScript">
function cambiar (flag,img) {
if (document.images) {
if (document.images[img].permitirloaded) {
if (flag==1) document.images[img].src = document.images[img].permitir.src
else document.images[img].src = document.images[img].permitir.oldsrc
}
}
}
function preloadcambiar (img,adresse) {
if (document.images) {
img.onload = null;
img.permitir = new Image ();
img.permitir.oldsrc = img.src;
img.permitir.src = adresse;
img.permitirloaded = true;
}
}
</script>
<a onmouseover="cambiar(1,'IMG1');" onmouseout="cambiar(0,'IMG1');" href="URL de enlace">
<img border="0" src="URL de la imagen UNO" onload="preloadcambiar(this,'URL de la imagen DOS');" name="IMG1"/></a>
____________________________________________________
"Codigo Para Afiliarme Con Otras Webs"
Hola Bueno Deceamos Afiliarnos Con Tu Sitio Web a Continuacion Te Dejaremos Nuestros Datos Correspondientes, Espero Nos Agreges Tan Pronto Recivas Este Mensaje, Nosotros Ya Te Agregamos Aqui Los Datos De Nuestra Web:
Codigo:
<img src="https://img.webme.com/pic/-/-esclan/banner.es8.png" border="0" width="125" height="125"/>
Link De Nuestro Banner:
- https://img.webme.com/pic/-/-esclan/banner.es8.png
El Link De Mi Web: http://-eSClaN.es.tl
(Copia El Link De Mi Web Tal Como Esta Arriba Con Las Letras Mayusculas Iguales Gracias)
Ya Esta Puesto Tu Banner En Mi WEB Con El Link Respectivo Tuyo
Espero Que Pongas El Mio Lo Antes Posible Gracias !!
Saludos ^^ !!
________________
Att. TheOneFeNix™
(Admin ClaN -eS™)
_________________________________________________________
"Codigo Cuadro De Texto Rojo"
<style type="text/css"> .cuadrorojo { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadrorojo { background-color: #F65050; background-image: url(http://i54.tinypic.com/3004bcl.png); color: #000000; border:2px solid #920707; border-radius: 5px 5px 5px 5px; } </style> <div class="cuadrorojo">Cuadro de texto ROJO - Cuadro por GranteD! - www.granted.es.tl</div>
______________________________________________________________________
"Codigo Cuadro De Texto Amarillo"
<style type="text/css"> .cuadroamarillo { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroamarillo { background-color: #F9D937; background-image: url(http://i54.tinypic.com/wu12lj.png); color: #000000; border:2px solid #DF7401; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroamarillo">Cuadro de texto AMARILLO - Cuadro por GranteD! - www.granted.es.tl</div>
_________________________________________________________________________________
"Codigo Cuadro De Texto Azul"
<style type="text/css"> .cuadroazul { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroazul { background-color: #52ECFF; background-image: url(http://i54.tinypic.com/11t8pzq.png); color: #000000; border:2px solid #046E7C; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroazul">Cuadro de texto AZUL - Cuadro por GranteD! - www.granted.es.tl</div>
_____________________________________________________________________________
"Codigo Cuadro De Texto Verde"
<style type="text/css"> .cuadroverde { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadroverde { background-color: #72FF79; background-image: url(http://i51.tinypic.com/9qcsir.png); color: #000000; border:2px solid #0E8C15; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadroverde">Cuadro de texto VERDE - Cuadro por GranteD! - www.granted.es.tl</div>
______________________________________________________________________________
"Codigo Cuadro De Texto Negro"
<style type="text/css"> .cuadronegro { background-position: 10px center; background-repeat: no-repeat; font-family: Tahoma; font-size: 14px; margin: 10px 0px; padding: 15px 10px 15px 55px; } .cuadronegro { background-color: #A4A4A4; background-image: url(http://i54.tinypic.com/jfvxc0.png); color: #000000; border:2px solid #242424; border-radius: 2px 2px 2px 2px; } </style> <div class="cuadronegro">Cuadro de texto NEGRO - Cuadro por GranteD! - www.granted.es.tl</div>
_____________________________________________________________________________________
